<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>
<script src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> Blog <span> / Subtitle</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<div class="messagein">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
  euismod  dunt consectetuer sed diam adut laoreet. </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <!-- Left Section Start-->
      <div class="blogleft">
        <div class="post post_birf">
          <h2 class="patrn">We're not paying enough for apps</h2>
          <div class="post-details">by <span><a href="#">admin</a></span> on February 10, 2012 in <span><a href="#">Applications</a>, <a href="#">Technology</a></span>, <a href="#" class="comments">5 Comments</a></div>
          <div class="post-img"><img src="images/post-img.jpg" alt="" /> </div>
          <p>Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl, porta vel, scelerisque eget fermentum dictum magna.</p>
          <p><strong>Vestibulum bibendum nisl in lacus ultricies euismod. Phasellus at metus nisl. Donec vel felis nec sapien posuere pretium. Curabitur vel dapibus dui. Nam ut nisi mi. Integer molestie vehicula mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus adipiscing lectus non turpis sagittis.</strong></p>
          <p>Donec vel felis nec sapien posuere pretium. Curabitur vel dapibus dui. Nam ut nisi mi. Integer molestie vehicula mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus adipiscing lectus non turpis sagittis eget.</p>
          <p>Proin eu risus metus. Nulla suscipit, quam ac porttitor vestibulum, turpis lorem porta neque, sed pulvinar neque dolor eget enim. Cras vel sem ac <a href="#">nulla fringilla</a> placerat id ut dui. Cras rutrum felis non nisl adipiscing suscipit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
          <ul>
            <li class="green"> <strong>Sagittis nec vehicula non, dictum at enim</strong></li>
            <li> <strong>Cras rutrum felis non nisl adipiscing</strong></li>
            <li> Faucibus orci luctus et ultrices</li>
          </ul>
          <p>Donec tempus felis imperdiet est egestas pharetra semper mauris rutrum. In consectetur blandit luctus. Nullam hendrerit accumsan nunc, a placerat nulla eleifend quis. Suspendisse potenti. In euismod leo sit amet mi posuere pellentesque. Phasellus interdum nisi ac est pellentesque rhoncus. Praesent rhoncus molestie interdum.</p>
        </div>
        <div class="divider2"> </div>
        <div class="post-tag"><a href="#">Apps</a>, <a href="#">Technology</a>, <a href="#">Web Design</a></div>
        <a href="#" class="view-blog">Leave a Comment</a>
        <div class="related-post">
          <h3>Related Posts</h3>
          <div class="blogPost">
            <div class="thumb-img"><a href="#"><img src="images/thumb3.jpg" alt="" width="59" height="59" border="0" /></a> </div>
            <div class="post-cont">
              <p><a href="#">Ut ut ullamcorper nulla. Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
              <span class="date">16 February 2012</span>, <span class="comment"><a href="#">6 Comments</a></span> </div>
          </div>
          <div class="blogPost no-margin">
            <div class="thumb-img"><a href="#"><img src="images/thumb2.jpg" alt="" width="59" height="59" border="0" /></a> </div>
            <div class="post-cont">
              <p><a href="#">Ut ut ullamcorper nulla. Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
              <span class="date">16 February 2012</span>, <span class="comment"><a href="#">6 Comments</a></span> </div>
          </div>
        </div>
        <div class="comments-sec">
          <h3>Comments</h3>
          <ol class="commentlist">
            <li>
              <div class="comments">
                <div class="avtar"><img src="images/thumb6.jpg" alt="" width="59" height="59" border="0" /> </div>
                <div class="comment-des">
                  <div class="comment-by"><strong>Shewta Tiwari </strong> <span>says:</span> <span class="reply">/ <a href="#">Reply</a></span> <span class="date">5 February 2012</span></div>
                  <p>Maecenas dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus. Mauris a felis arcu, vitae sollicitudin mauris. Aliquam quis tellus vel massa mattis ornare et eu felis. </p>
                </div>
              </div>
              <ol class="childlist">
                <li>
                  <div class="comments">
                    <div class="avtar"><img src="images/thumb7.jpg" alt="" border="0" /> </div>
                    <div class="comment-des">
                      <div class="comment-by"><strong>Bhagwati Lal </strong> <span>says:</span> <span class="reply">/ <a href="#">Reply</a></span> <span class="date">5 February 2012</span></div>
                      <p>Dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non. </p>
                    </div>
                  </div>
                </li>
              </ol>
            </li>
            <li>
              <div class="comments">
                <div class="avtar"><img src="images/thumb8.jpg" alt="" border="0" /> </div>
                <div class="comment-des">
                  <div class="comment-by"><strong>Administrator </strong> <span>says:</span> <span class="reply">/ <a href="#">Reply</a></span> <span class="date">5 February 2012</span></div>
                  <p>Maecenas dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus. Mauris a felis arcu, vitae sollicitudin mauris. Aliquam quis tellus vel massa mattis ornare et eu felis. </p>
                </div>
              </div>
            </li>
          </ol>
          </li>
          </ol>
        </div>
        <div class="respond">
          <h3>Leave a Comment</h3>
          <form>
            <label>Name: <span>*</span></label>
            <span>
            <input type="text" class="text"  value="Enter your name" onfocus="if(this.value=='Enter your name')this.value='';" onblur="if(this.value=='')this.value='Enter your name';">
            </span>
            <label>Email: <span>*</span></label>
            <span>
            <input type="text" class="text" value="Enter your email" onfocus="if(this.value=='Enter your email')this.value='';" onblur="if(this.value=='')this.value='Enter your email';">
            </span>
            <label>Message: <span>*</span></label>
            <span class="txt-area">
            <textarea cols="62" rows="8" value="Message...."  onfocus="if(this.value=='Enter your Message')this.value='';" onblur="if(this.value=='')this.value='Enter your Message';"></textarea>
            </span> <span class="astro">*</span> Required fields. <a href="#" class="blue-btn">Add Comment</a>
          </form>
        </div>
      </div>
      <!-- Right Section Start-->
      <div class="blogright">
        <h2 class="blue">Accordian</h2>
        <div id="accordion">
          <h3><a href="#">Accordion 1</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 2</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 3</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
        </div>
        <h2 class="blue">Categories</h2>
        <ul class="category">
          <li>&rarr;<a href="#"> Web Applications <span>(76)</span></a></li>
          <li>&rarr;<a href="#"> Business Entertainment <span>(34)</span></a></li>
          <li>&rarr;<a href="#"> Web Developement <span>(81)</span></a></li>
          <li>&rarr;<a href="#"> Social Networks <span>(23)</span></a></li>
          <li>&rarr;<a href="#"> Personal Development <span>(67)</span></a></li>
          <li>&rarr;<a href="#"> Art Photography <span>(19)</span></a></li>
        </ul>
        <h2 class="blue">Popular Posts</h2>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb1.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">16 February 2012</span>, <span class="comment"><a href="#">6 Comments</a></span> </div>
        </div>
        <div class="blogPost">
          <div class="thumb-img"><a href="#"><img src="images/thumb2.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">15 February 2012</span>, <span class="comment"><a href="#">18 Comments</a></span> </div>
        </div>
        <div class="blogPost last">
          <div class="thumb-img"><a href="#"><img src="images/thumb3.jpg" alt="" border="0" /></a> </div>
          <div class="post-cont">
            <p><a href="#">Aenean hendrrit nisl ut rius sagitis tristique duis saem.</a></p>
            <span class="date">27 February 2012</span>, <span class="comment"><a href="#">23 Comments</a></span> </div>
        </div>
        <h2 class="blue">Tag Cloud</h2>
        <div class="tag"><a href="#" class="tag1">WordPress</a> <a href="#" class="tag2">Blog</a> <a href="#" class="tag3">Brand Design</a> <a href="#" class="tag4" >Illustration</a> <a href="#" class="tag4">Technology</a> <a href="#" class="tag5">Typography</a> <a href="#" class="tag6">Branding</a> <a href="#" class="tag6">Business</a> <a href="#" class="tag6">Web Design</a> <a href="#" class="tag6">Logo</a> <a href="#" class="tag6">Flash</a> <a href="#" class="tag6">Web Developer</a> <a href="#" class="tag7">PHP</a> <a href="#" class="tag7">xHTML</a> <a href="#" class="tag7">CSS</a></div>
        <h2 class="blue">Get Connected</h2>
        <ul class="social">
          <li class="twitter"><a href="#"> </a></li>
          <li class="facebook"><a href="#"> </a></li>
          <li class="dribble"><a href="#"> </a></li>
          <li class="forest"><a href="#"> </a></li>
          <li class="stumble"><a href="#"> </a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>

</body>
</html>
